<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>My first Chartist Tests</title>
	<link rel="stylesheet" th:href="@{/css/chartist/chartist.min.css}">
	<script type="text/javascript" th:src="@{/ajax/libs/chartist/dist/chartist.min.js}"></script>
</head>
<body>
	<!-- Site content goes here !-->
	<div class="ct-chart ct-perfect-fourth"></div>
</body>
<script type="text/javascript">
var chart = new Chartist.Line('.ct-chart', {
	  labels: [1, 2, 3, 4, 5],
	  series: [
	    [1, 5, 10, 0, 1],
	    [10, 15, 0, 1, 2]
	  ]
	}, {
	  // Remove this configuration to see that chart rendered with cardinal spline interpolation
	  // Sometimes, on large jumps in data values, it's better to use simple smoothing.
	  lineSmooth: Chartist.Interpolation.simple({
	    divisor: 2
	  }),
	  fullWidth: true,
	  chartPadding: {
	    right: 20
	  },
	  low: 0
	});

</script>
</html>
